export default {
    tab: 'basic',
    type: 'static',
    mode: 'box',
    name: 'FlexBox',
    title: '弹性容器',
    pic: '',
    width: '100%',
    // height: 200,
    direction: 'row',
    childrens: [],
    data: {
        props: {
            flexDirection: {
                title: '排列方向',
                valueType: 'radioButton',
                initialValue: 'row',
                valueEnum: {
                    row: { text: '水平' },
                    column: { text: '垂直' },
                    // 'row-reverse': { text: '水平逆序' },
                    // 'column-reverse': { text: '垂直逆序' },
                },
                // 上下布局， 默认为左右布局
                formItemProps: {
                    labelCol: { span: 24 },
                    wrapperCol: { span: 24} 
                }
            },
            justifyContent: {
                title: '轴线对齐',
                valueType: 'radioButton',
                initialValue: 'start',
                valueEnum: {
                    start: { text: 'start' },
                    center: { text: 'center' },
                    end: { text: 'end' },
                    'space-between': { text: 'space-between' },
                    'space-around': { text: 'space-around' },
                    'space-evenly': { text: 'space-evenly' },
                },
                // 上下布局， 默认为左右布局
                formItemProps: {
                    labelCol: { span: 24 },
                    wrapperCol: { span: 24} 
                }
            },
            flexWrap: {
                title: '弹性换行',
                valueType: 'radioButton',
                initialValue: 'wrap',
                valueEnum: {
                    wrap: { text: 'wrap' },
                    "nowrap": { text: 'nowrap' },
                    "wrap-reverse": { text: 'wrap-reverse' },
                },
                // 上下布局， 默认为左右布局
                formItemProps: {
                    labelCol: { span: 24 },
                    wrapperCol: { span: 24} 
                }
            },
            alignItems: {
                title: '交叉轴线对齐',
                valueType: 'radioButton',
                initialValue: 'row',
                valueEnum: {
                    start: { text: 'start' },
                    center: { text: 'center' },
                    end: { text: 'end' },
                },
                // 上下布局， 默认为左右布局
                formItemProps: {
                    labelCol: { span: 24 },
                    wrapperCol: { span: 24} 
                }
            },
            // color: {
            //     title: '颜色',
            //     valueType: 'color',
            //     initialValue: 'black',
            // },
            // fontSize: {
            //     title: '字号',
            //     valueType: 'digit',
            //     initialValue: '18',
            // },
        }
    },
}